<template>
    <div id="app">
        <router-view class="container" :class="{hasHeader: title && title!=='个人中心' && title!=='视频'
        && title!=='小贴士' && title!=='攻略集锦'}"></router-view>
        <loading-img v-if="isLoading"></loading-img>
    </div>
</template>

<script>
import 'normalize.css';
import './css/common.less';
import './css/mint-ui.less';
import {mapState} from 'vuex';
import loadingImg from './components/loadingImg';

export default {
    name: 'app',
    components: {
        loadingImg
    },
    data() {
        return {
        };
    },
    computed: {
        ...mapState(['isLoading', 'title'])
    },
    watch: {
        // '$route' (to, from) {
        //     if (this.signature) {
        //         this.weixinConfig();
        //     }
        // }
    }
};
</script>

<style lang="less" scoped>
#app{
    // background-color:#999;
}
.header {
    position: absolute;
    width: 100%;
    padding: .25rem .28rem;
    z-index: 99999;
    color: #fff;
    text-align: center;
    font-size: .32rem;
    background-color: #1c1c20;
    box-sizing: border-box;
    .arrow {
        position: absolute;
        width: .86rem;
        height: .86rem;
        background-size: .18rem .34rem;
        background-repeat: no-repeat;
    }
}
</style>
